﻿html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

body {
    /*background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;*/
    margin:auto;
    background-color:white;
    height:100%;
}
    /* metro ui
    ----------------------------------------------------------*/
#start {
    margin-bottom:20px;
    margin-left:10px;
}

#body {
    margin:auto;
    padding-top:50px;
    width:1020px;
}
#content {
}

    #content .item {
        color:white;
        font-size:22px;
        float:left;
        margin:10px;
        padding:10px;
    }
    #content .big {
        width:460px;
        height:240px;
    }    
    #content .long {
        width:460px;
        height:100px;
    }
    #content .normal {
        width:220px;
        height:100px;
    }
    #content .small {
        width:70px;
        height:100px;
    }
    #content .item p {
        margin:0;
        padding:0;
    }

    #content .item:hover {
        outline: 3px #225a68 solid;
    }
    
    /* nav
    ----------------------------------------------------------*/
#start #button {
    float:left;
    font-size:50px;
    color:#5A5A5A;
    text-decoration:none;
    cursor:pointer;
    width:110px;
}

    #start #button:hover {  
    color:black;
    }
    #start #button:hover div{
        display:block;
    }
#nav {
    display:none; 
    border:1px solid #333;
    background-color:white;
    position: absolute;
    font-size:14px;
}
    #nav .item > a {        
        text-decoration:none;
        color:black;
    }
    #nav .item {
    }
    #nav .item:hover a {
        color:white;
        background-color:#0088cc;
    }
        #nav .item a {
            display:block;
            padding:10px 40px 10px 15px;
        }

    
    /* language bar
    ----------------------------------------------------------*/
.language {
    float:right;
    margin-left:10px;
}
    .language .item {
        width:20px;
        cursor:pointer;
    }
#languageBar {
    float:right; 
    margin-top:10px;
    margin-right:10px;
}

.clear {
    clear:both;
}